import React from 'react';
import { BrowserRouter as Router, Link, Route } from 'react-router-dom';

const Home = () => (<div>Home</div>);
const About = () => (<div>About</div>);
const DashBord = () => (<div>DashBord</div>);

class App extends React.Component {
    render () {
        return (
            <div>
                <Router>
                    <ul>
                        <li><Link to="/">Home</Link></li>
                        <li><Link to="/about">About</Link></li>
                        <li><Link to="/dashBord">DashBord</Link></li>
                    </ul>
                    <Route path="/" exact component={Home}></Route>
                    <Route path="/about" component={About}></Route>
                    <Route path="/dashBord" component={DashBord}></Route>
                </Router>
            </div>
        );
    }
}

export default App;
